CSS/HTML

推荐列表 站点导航

当前位置:首页 > 脚本编程 > CSS/HTML >

css属性前缀有哪些

来源:网络整理  作者:  发布时间:2020-12-16 17:14
css属性前缀有:1、“-moz-”,代表firefox浏览器的私有属性;2、“-ms-”,代表ie浏览器的私有属性;3、“-webkit-”,代...

所谓的浏览器内核也就是浏览器所采用的渲染引擎,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也有不同,因此同一网页在不同的内核的浏览器里的渲染(显示)效果也可能不同,这也是网页编写者需要在不同内核的浏览器中测试网页显示效果的原因。

而这些不同内核的浏览器,CSS3属性(部分需要添加前缀的属性)对应需要添加不同的前缀,也将其称之为浏览器的私有前缀,添加上私有前缀之后的CSS3属性可以说是对应浏览器的私有属性:

Gecko内核:主要代表为Firefox

为什么要有私有前缀呢?

Webkit内核:产要代表为Chrome和Safari

但是避免日后w3c公布标准时有所变更,就会加入一个私有前缀,比如-webkit-border-radius,通过这种方式来提前支持新属性,等到日后w3c公布了标准,border-radius的标准写法确立之后,再让新版的浏览器支持border-radius这种写法。

Gecko内核:前缀为-moz-

Presto内核:主要代表为Opera

Trident内核:前缀为-ms-

(推荐教程:CSS视频教程

Trident内核:主要代表为IE浏览器

.box { -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

扩展资料:

现在主要流行的浏览器内核主要有:

css属性前缀有哪些

css属性前缀有:1、“-moz-”,代表firefox浏览器的私有属性;2、“-ms-”,代表ie浏览器的私有属性;3、“-webkit-”,代表safari、chrome浏览器的私有属性;4、“-o-”,代表Opera浏览器的私有属性。

来看一个简单的示例,早期写一个圆角border-radius,需要这样写:  

Webkit内核:前缀为-webkit-

Presto内核:前缀为-o-

因为制定HTML和CSS标准的组织W3C动作是很慢的。通常,有w3c组织成员提出一个新属性,比如说圆角border-radius,大家都觉得好,但是w3c不会为这个属性制定标准,而是要走很复杂的程序,经过很多审查。而浏览器商不愿意等那么久,他们觉得一个属性已经够成熟了,就会在浏览器中加入支持。

相关热词: CSS

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://v30.fanwenzhu.com/jiaob/cssm/4485.shtml

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

css属性前缀有哪些

2020-12-16 编辑:

所谓的浏览器内核也就是浏览器所采用的渲染引擎,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也有不同,因此同一网页在不同的内核的浏览器里的渲染(显示)效果也可能不同,这也是网页编写者需要在不同内核的浏览器中测试网页显示效果的原因。

而这些不同内核的浏览器,CSS3属性(部分需要添加前缀的属性)对应需要添加不同的前缀,也将其称之为浏览器的私有前缀,添加上私有前缀之后的CSS3属性可以说是对应浏览器的私有属性:

Gecko内核:主要代表为Firefox

为什么要有私有前缀呢?

Webkit内核:产要代表为Chrome和Safari

但是避免日后w3c公布标准时有所变更,就会加入一个私有前缀,比如-webkit-border-radius,通过这种方式来提前支持新属性,等到日后w3c公布了标准,border-radius的标准写法确立之后,再让新版的浏览器支持border-radius这种写法。

Gecko内核:前缀为-moz-

Presto内核:主要代表为Opera

Trident内核:前缀为-ms-

(推荐教程:CSS视频教程

Trident内核:主要代表为IE浏览器

.box { -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

扩展资料:

现在主要流行的浏览器内核主要有:

css属性前缀有哪些

css属性前缀有:1、“-moz-”,代表firefox浏览器的私有属性;2、“-ms-”,代表ie浏览器的私有属性;3、“-webkit-”,代表safari、chrome浏览器的私有属性;4、“-o-”,代表Opera浏览器的私有属性。

来看一个简单的示例,早期写一个圆角border-radius,需要这样写:  

Webkit内核:前缀为-webkit-

Presto内核:前缀为-o-

因为制定HTML和CSS标准的组织W3C动作是很慢的。通常,有w3c组织成员提出一个新属性,比如说圆角border-radius,大家都觉得好,但是w3c不会为这个属性制定标准,而是要走很复杂的程序,经过很多审查。而浏览器商不愿意等那么久,他们觉得一个属性已经够成熟了,就会在浏览器中加入支持。

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://v30.fanwenzhu.com/jiaob/cssm/4485.shtml

相关文章

风云图片

推荐阅读

返回CSS/HTML频道首页